<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>社区页</title>
		<script src="../js/jquery-1.11.3.js"></script>
		<link rel="stylesheet" type="text/css" 	href="../css/common.css"/>
		<link rel="stylesheet" type="text/css" 	href="../css/shequ.css"/>
		<link rel="stylesheet" href="../js/swiper-3.4.2.min.css">
		<script src="../js/swiper-3.4.2.jquery.min.js"></script>
		<link rel="stylesheet" type="text/css" href="../iconfont/iconfont.css">
		<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
		<script src="../js/shequ.js"></script>
		
	</head>
	<body>
		<!--top-->
		<div id="top">
			<div class="top-con">
				<ul class="top-l">
					<li class="d1">冷链配送 99元顺丰到家 送至：</li>
					<li class="d2">
						<span>北京</span>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
				</ul>		
				<ul class="top-r">
					<li>
						嗨，欢迎你来到顺丰优选！
						<a href="denglu.html">请登录&ensp;</a><a href="zhuce.html">免费注册</a> 
					</li>
					<li><a href="#">我的订单</a></li>
					<li>
						<a href="#">我的优选</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-shouji"></i></b>
						<a href="#">移动客户端</a>
					</li>
					<li>
						<a href="#">帮助中心</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<a href="#">网站导航</a>
						<b><i class="iconfont icon-icon-test"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-weibo"></i></b>
					</li>
					<li>
						<b><i class="iconfont icon-weixin"></i></b>
					</li>
				</ul>			
			</div>
		</div>
		<!--head-->
		<div id="head">
			<div class="head-con">
				<div class="head-l">
					<a href="#"><img src="../img/logo.jpg" alt="" /></a>
					<img src="../img/logo1.jpg" alt="" />
				</div>
				<div class="head-c">
					<input type="text" value="牛肉"/>
					<button>搜&ensp;索</button>
					<ul>
						<li><a href="#">牛奶</a></li>
						<li><a href="#">鳕鱼</a></li>
						<li><a href="#">白虾</a></li>
						<li><a href="#">大米</a></li>
						<li><a href="#">猕猴桃</a></li>
						<li><a href="#">海外直采</a></li>
						<li><a href="#">榴莲</a></li>
					
					</ul>
				</div>
				<div class="head-r">
					<div>
						<b><i class="iconfont icon-gouwuche"></i></b>
						<p>我的购物车</p>
						<button>0</button>
					</div>
				</div>
			</div>
		</div>
		
		
		<!--nav-->
		<div id="nav">
			<div class="nav-con">
				<div class="nav-l">
					<a href="#">精选商品分类</a>
				</div>
				<div class="nav-c">
					<ul>
						<li><a href="#">首页</a></li>
						<li><a href="#">优选生鲜</a></li>
						<li><a href="#">全球美食</a></li>
						<li><a href="#">优选厨房</a></li>
						<li><a href="#">新品尝鲜</a></li>
						<li><a href="#">优选国际</a></li>
						<li><a href="#">优选专区</a></li>
					</ul>
				</div>	
				<div class="nav-r">
					<img src="../img/nav.jpg" alt="" />
				</div>
			</div>
		</div>
		<!--banner-->
		<div id="banner">
			<div class="banner-con">
				<div class="banner-l">
					<ul>
						<li>
							<h3><a href="#">精选礼品礼盒</a></h3>
							<p><a href="#">优选推荐</a></p>
						</li>
						<li>
							<h3><a href="#">精选礼品礼盒</a></h3>
							<p><a href="#">优选推荐</a></p>
						</li>
						<li>
							<h3><a href="#">精选礼品礼盒</a></h3>
							<p><a href="#">优选推荐</a></p>
						</li>
						<li>
							<h3><a href="#">精选礼品礼盒</a></h3>
							<p><a href="#">优选推荐</a></p>
						</li>
						<li>
							<h3><a href="#">精选礼品礼盒</a></h3>
							<p><a href="#">优选推荐</a></p>
						</li>
						<li><a href="#">企业服务</a></li>
					</ul>
				</div>
				<div class="banner-c">
					<div class="swiper-container" id="big">
					    <div class="swiper-wrapper">
					        <div class="swiper-slide" >
					        	<img src="../img/g1.jpg" alt="" />
					        </div>
					        <div class="swiper-slide">
					        	<img src="../img/g2.jpg" alt="" />
					        </div>
					         <div class="swiper-slide">
					        	<img src="../img/g3.jpg" alt="" />
					        </div>
					         <div class="swiper-slide" >
					        	<img src="../img/g4.jpg" alt="" />
					        </div>
					   
					    </div> 
		    
		    	 		<div class="swiper-pagination"></div>
		    	 		
    					<div class="swiper-button-prev swiper-button-white"></div>
    					<div class="swiper-button-next swiper-button-white"></div>
					</div>
				</div>
				<div class="banner-r">
					<a href="#"><img src="../img/g5.jpg" alt="" /></a>
					<a href="#"><img src="../img/g6.jpg" alt="" /></a>
				</div>
			</div>
		</div>
		<div id="share">
			<div class="share-con">
				<a href="#"><img src="../img/k1.jpg" alt="" /></a>
			</div>
		</div>
		<div id="good">
			<div class="good-con">
				<ul>
					<li><a href="#"><img src="../img/k2.jpg" alt="" /></a></li>
					<li><a href="#"><img src="../img/k3.jpg" alt="" /></a></li>
					<li><a href="#"><img src="../img/k4.jpg" alt="" /></a></li>
					<li><a href="#"><img src="../img/k5.jpg" alt="" /></a></li>
				</ul>
			</div>
		</div>
		<div id="shop">
			<div class="shop-con">
				<div class="shop-t">
						<h2>精选礼品礼盒</h2>
						<h3>优选推荐</h3>						
				</div>
				<div class="shop-b">
					<div class="shop-l">
						<a href="#"><img src="../img/l1.jpg" alt="" /></a>
					</div>
					<div class="shop-r">
						<ul>
							<li>
								<a href="#"><img src="../img/l2.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/l3.jpg" alt="" /></a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#"><img src="../img/l4.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/l5.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/l6.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/l7.jpg" alt="" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="shop">
			<div class="shop-con">
				<div class="shop-t">
						<h2>优选卡</h2>
						<h3>优选推荐</h3>						
				</div>
				<div class="shop-b">
					<div class="shop-l">
						<a href="#"><img src="../img/o1.jpg" alt="" /></a>
					</div>
					<div class="shop-r">
						<ul>
							<li>
								<a href="#"><img src="../img/o2.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/o3.jpg" alt="" /></a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#"><img src="../img/o4.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/o5.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/o6.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/o7.jpg" alt="" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="shop">
			<div class="shop-con">
				<div class="shop-t">
						<h2>精选礼品礼盒</h2>
						<h3>优选推荐</h3>						
				</div>
				<div class="shop-b">
					<div class="shop-l">
						<a href="#"><img src="../img/w1.jpg" alt="" /></a>
					</div>
					<div class="shop-r">
						<ul>
							<li>
								<a href="#"><img src="../img/w2.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/w3.jpg" alt="" /></a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#"><img src="../img/w4.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/w5.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/w6.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/w7.jpg" alt="" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="shop">
			<div class="shop-con">
				<div class="shop-t">
						<h2>精选礼品礼盒</h2>
						<h3>优选推荐</h3>						
				</div>
				<div class="shop-b">
					<div class="shop-l">
						<a href="#"><img src="../img/z1.jpg" alt="" /></a>
					</div>
					<div class="shop-r">
						<ul>
							<li>
								<a href="#"><img src="../img/z2.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/z3.jpg" alt="" /></a>
							</li>
						</ul>
						<ul>
							<li>
								<a href="#"><img src="../img/z4.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/z5.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/z6.jpg" alt="" /></a>
							</li>
							<li>
								<a href="#"><img src="../img/z7.jpg" alt="" /></a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<!--link-->
	<div id="link">
		<div class="link-con">
			<div class="link-l">
				<img src="../img/ft1.jpg" alt="" />
				<b>9533858</b>
				<p>周一至周日8:30-22:00</p>
			</div>
			<div class="link-c">
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">购物流程</a></li>
					<li><a href="#">常见问题</a></li>
				</ul>
				<ul>
					<li>购物指南</li>
					<li><a href="#">积分制度</a></li>
					<li><a href="#">会员介绍</a></li>
			
				</ul>
			</div>
			<div class="link-r">
				<ul>
					<li><a href="#">手机客户端</a></li>
					<span><img src="../img/ft2.jpg" alt="" /></span>
				</ul>
				<ul>
					<li><a href="#">官方微信</a></li>
					<span><img src="../img/ft2.jpg" alt="" /></span>
				</ul>
			</div>
		</div>
	</div>
	<div id="bottom">
		<div class="bottom-con">
			<div class="bottom-l">
				<img src="../img/bottom1.jpg" alt="" />
				<img src="../img/bottom.jpg" alt="" />
			</div>
			<div class="bottom-r">
				<ul>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">联系我们</a></li>
					<li><a href="#">招聘人才</a></li>
					<li><a href="#">友情链接</a></li>
					<li><a href="#">供应商申请</a></li>
				</ul>	
				<span>Copyright© 顺丰优选 sfbest.com 版权所有</span>	
				<span>京公网安备11010502026831号</span>
				<a href="#">京ICP证150325号</a>
				<a href="#">食品经营许可证JY11113080533669号 </a>
				<a href="#">企业营业执照</a>
			</div>
		</div>
	</div>
	<div id="slide">
		<div class="slide-t">
			<h5>企业采集热线</h5>
			<p>9533858</p>
		</div>
		<div class="slide-b">
				<ul>
					<li>
						<p><a href="#">注册企业用户</a></p>
					</li>
					<li>
						<p><a href="#">提货券</a></p>
						<span><a href="#">我要提醒</a></span>
					</li>
					<li>
						<p><a href="#">优选卡</a></p>
						<span><a href="#">我要激活</a></span>
					</li>
				</ul>
		</div>
	</div>
	<div class="back-top">
		<b><i class="iconfont icon-dingbu"></i></b>
		<p><a href="#">回到<br />顶部</a></p>
		
	</div>
	</body>
</html>
